<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery/jquery-3.6.0.js"></script>
</head>
<body>
    <input type="text" id="id">
    <input type="text" id="username">
    <button id="b01">ajax</button>
    <button id="b02">form post</button>
    <button id="b03">get</button>
</body>
<script>
    $("#b01").click(function () {
        let id = $("#id").val();
        let username = $("#username").val();
        $.ajax({
            url:"/test04",   // 请求路径
            type:"post",            // 请求的方式，不区分大小写
            cache:false,            // 关闭缓存，目的是为了避免部分浏览器缓存加载出错(IE)
            contentType:"application/json;charset=utf-8",
            data:JSON.stringify({
                id:id,
                username:username
            }),
            datatype:"json",        // 返回类型，text文本、html页面、json数据
            success:function(response){
                console.log("返回: " + response);
                console.log("数据: " + JSON.stringify(response));
            },
            error:function(response){
                console.log("出错返回: " + response);
                console.log("出错数据: " + JSON.stringify(response));
            }
        });
    });

    $("#b02").click(function () {
        $.ajax({
            url:"/test03",   // 请求路径
            type:"post",            // 请求的方式，不区分大小写
            cache:false,            // 关闭缓存，目的是为了避免部分浏览器缓存加载出错(IE)
            // contentType:"application/json;charset=utf-8",
            data: {
                myId: 123,
                name: "gxa"
            },
            datatype:"json",        // 返回类型，text文本、html页面、json数据
            success:function(response){
                console.log("返回: " + response);
                console.log("数据: " + JSON.stringify(response));
            },
            error:function(response){
                console.log("出错返回: " + response);
                console.log("出错数据: " + JSON.stringify(response));
            }
        });
    });

    $("#b03").click(function () {
        $.ajax({
            url:"/test03",   // 请求路径
            type:"get",            // 请求的方式，不区分大小写
            cache:false,            // 关闭缓存，目的是为了避免部分浏览器缓存加载出错(IE)
            // contentType:"application/json;charset=utf-8",
            data: {
                myId: 123,
                name: "gxa"
            },
            datatype:"json",        // 返回类型，text文本、html页面、json数据
            success:function(response){
                console.log("返回: " + response);
                console.log("数据: " + JSON.stringify(response));
            },
            error:function(response){
                console.log("出错返回: " + response);
                console.log("出错数据: " + JSON.stringify(response));
            }
        });
    });

</script>
</html>